<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Venus | Beauty Center</title>
	<?php
		echo $this->fetch('meta');
		echo $this->fetch('css');
		echo $this->fetch('script');
	?>
</head>

<body>

	<!-- loading animation div -->
	<div class="loadingBg">
		<div class="vLoadingAnimation">
	</div><!-- loadingBg -->
	</div><!-- loading animation div -->

	<!-- Main Menu | Logo | Quote | Pagetitle | Breadcrumbs Container -->
	<div id="headerContainer">
		<div id="mainMenuBg">
			<!-- First 3 items in the menu -->
			<ul id="mainMenuLeft" class="dropdown">
				<li><a class="active" href="index-2.html"><span>Home</span></a></li>
				<li><a href="about-us.html"><span>About</span></a>
					<ul>
						<li class="first"><a href="about-us.html">About Us (Tooltips)</a></li>
						<li><a href="about-us-sortable.html">About Us (Sortable)</a></li>
					</ul>
				</li>
				<li><a href="services.html"><span>Services</span></a></li>
			</ul>
			<div id="venusLogo"><p><span>Venus</span></p></div>
			<!-- Last 3 items in the menu -->
			<ul id="mainMenuRight" class="dropdown">
				<li><a href="#">Pages</a>
					<ul>
						<li class="first"><a href="typography.html">Typo & Columns</a></li>
						<li><a href="blog-single.html">Blog Post</a></li>
						<li><a href="gallery-2col.html">2 Columns Gallery</a></li>
						<li><a href="gallery-3col.html">3 Columns Gallery</a></li>
						<li class="last"><a href="404.html">404 Page</a></li>
					</ul>
				</li>
				<li><a href="blog.html">Blog</a>
					<ul>
						<li class="first"><a href="blog-single.html">Blog Post</a></li>
					</ul>
				</li>
				<li><a href="contact-us.html">Contact</a></li>
			</ul>
		</div>
		<?php echo $this->I18n->flagSwitcher(array('class' => 'languages', 'id' => 'language-switcher')); ?>
		<div id="QuotePagetitleBreadcrumbsWrapper">
			<div class="clearfix"></div>
			 <!-- Quote  Container -->
			<div id="QuotePagetitleContainer">
				<p>We'll make you so beautiful</p>
			</div>
			<!-- Quote Subtitle Container -->
			<div id="subtitleBreadcrumbsContainer">
				<div id="subtitleBreadcrumbsWrapper">
					<!-- flower ornament left -->
					<span class="left"></span>
					<!-- Subtitle -->
					<p>Everything you need to make you look and feel pretty</p>
					<!-- flower ornament right -->
					<span class="right"></span>
				</div>
			</div>
		</div><!-- ends QuotePagetitleBreadcrumbsWrapper -->
	</div><!-- ends header container -->


	<!-- Home Content Container -->
	<div id="homeContentContainer">
		<!-- Title container -->
		<div class="titleContainer">
			<h4 class="contentTitle">Professional make-up Artistry</h4>
			<!-- content container -->
			<div class="contentContainer">
				<!-- content wrapper -->
				<div class="contentWrapper">
					<!-- Onehalf div 1 -->
					<div class="onehalf">
 						<span class="contentSeparator"></span>
						<p class="simpleQuotes">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
					</div><!-- Onehalf div 1  ends-->
					<!-- Onehalf div 2 -->
					<div class="onehalf-last">
						<!-- date published -->
						<div class="postDate">
							<p>Posted on 07.07.2012</p>
						</div>
						<!-- sharing icons -->
						<div class="shareIcons">
							<a class="twitterShare" href="#"></a>
							<a class="facebookShare" href="#"></a>
						</div>
						<div class="clearfix"></div>
						<!-- separator -->
						<span class="contentSeparator"></span>
						<!-- post excerpt -->
						<?php echo $this->fetch('content'); ?>
					</div><!-- Onehalf div 2 ends -->
					<div class="clearfix"></div>
					<div class="buttonAndSeparator">
						<span class="contentSeparator"></span>
						<a class="button red" href="#">More</a>
					</div>
				</div><!-- content wrapper -->


			</div><!-- content container -->
		</div><!-- Title container -->
		<!-- floral ornaments -->
		<!-- Image top left -->

	</div><!-- Home Content Container -->

	<!-- footer wrapper -->
	<div id="footerWrapper">
		<!-- footer -->
		<div id="footer">
			<!-- copyright paragraph -->
			<p>Venus Beauty Studio ©2012 All Rigths Reserved </p>
			<!-- social icons -->
			<div class="socialIcons">
				<!-- facebook -->
				<a class="facebookIcon" href="#"></a>
				<!-- twitter -->
				<a class="twitterIcon" href="#"></a>
				<!-- rss feed -->
				<a class="rssFeed" href="#"></a>
			</div>
		</div><!-- ends footer -->
	</div><!-- ends footer wrapper -->

</body>
</html>
